<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/css/shopping.css">
    <link rel="stylesheet" href="/libs/iconfont/iconfont.css">

</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <img src="/images/index/logo.png" alt="">
    </div>
    <!-- 中间内容 -->
    <section>
        <div class="go-shopping">
            &lt;<a style="color: #000; font-size: 14px;" href="/index.html" class="event-continueshopping">继续购物</a>
        </div>
        <h1 class="shopping-title">我的购物袋 (1)</h1>
        <div class="shopbag-list">
            <div class="shopbag-list-left">
                <table>
                    <thead>
                        <tr>
                            <th style="width:50px">
                                <label class="allcheck-label">
                                    <input type="checkbox" id="all-check" class="all-check" />
                                    <span class="check-span">
                                        <span class="check-item"></span>
                                    </span>
                                </label>
                            </th>
                            <th style="width:130px" id="edit">全选</th>
                            <th style="width:240px">商品信息</th>
                            <th style="width:159px">单价</th>
                            <th style="width:166px">数量</th>
                            <th style="width:103px">小计</th>
                            <th style="width:70px">操作</th>
                        </tr>
                    </thead>
                    <tbody class="shop-cont" id="shop-cont">
                        <!-- <tr>
                            <td>
                                <label class="check-label">
                                    <input class="check" type="checkbox" />
                                    <span class="check-span">
                                        <span class="check-item"></span>
                                    </span>
                                </label>
                            </td>
                            <td>
                                <img src="/images/detail/big_img01.jpg" alt="">
                            </td>
                            <td><p>兰蔻奇迹香水</p> <p class="capacity">50ml</p></td>
                            <td>￥ 750</td>
                            <td>
                                <div class="number">
                                    <span class="dropdown-txt">1</span>
                                    <i class="iconfont icon-platformentrance dropdown-icon"></i>
                                    <ul class="pull-down">
                                        <li>1</li>
                                        <li>2</li>
                                        <li>3</li>
                                        <li>4</li>
                                        <li>5</li>
                                    </ul>
                                </div>
                            </td>
                            <td>￥ 750</td>
                            <td class="del" title="删除">
                                <p>×</p>
                            </td>
                        </tr> -->
                    </tbody>
                </table>
            </div>
            <script type="text/html" id="srcShop">
                {{each bag shop}}
                <tr data-id = "{{shop.id}}">
                    <td>
                        <label class="check-label">
                            <input class="check" type="checkbox" {{shop.check ? 'checked' : '' }} />
                            <span class="check-span">
                                <span class="check-item"></span>
                            </span>
                        </label>
                    </td>
                    <td>
                        <a href="/html/detail.html?id={{shop.id}}">
                            <img src="{{shop.img[0]}}" alt="">
                        </a>
                    </td>
                    <td><p>{{shop.desc[0]+'...'}}</p> <p class="capacity">{{shop.capacity[0]}}ml</p></td>
                    <td>￥{{shop.price.toFixed(2)}}</td>
                    <td>
                        <div class="number">
                            <span class="dropdown-txt">{{shop.num}}</span>
                            <i class="iconfont icon-platformentrance dropdown-icon"></i>
                            <ul class="pull-down">
                                <li>1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                        </div>
                    </td>
                    <td>￥{{(shop.price*shop.num).toFixed(2)}}</td>
                    <td class="del" title="删除"><p>×</p></td>
                </tr>
                {{/each}}
            </script>
            <div class="shopbag-list-right">
                <div class="bag-order-all">
                    <h3>订单总结</h3>
                    <a href="" class="btn-pink">立即结算</a>
                    <div class="cart-price">
                        <p>
                            总价 <span>¥1270</span>
                        </p>
                    </div>
                </div>
                <div class="online-service">
                    <h3>客服中心</h3>
                    <p>如有任何问题，请联系我们</p>
                    <p>400-820-8016</p>
                    <a class="btn btn-black showOulaiya">在线客服</a>
                </div>
            </div>
        </div>
    </section>
    <!-- 尾部 -->
    <footer>
        <ul class="brand">
            <li><span>© L'Oreal China 欧莱雅（中国）有限公司版权所有</span></li>
            <li>
                <i class="zggs"></i>
                <a target="_blank"
                    href="http://218.242.124.22:8081/businessCheck/verifKey.do?showType=extShow&amp;serial=9031000020170518090333000001788070-SAIC_SHOW_310000-2012041023233378655&amp;signData=MEQCIC1EYAXJibTl39TcZqED26v2xVQIXO0gFJ8lNsUhO02wAiBjblUFfS5r1ezDJXX3NoQixYijB6IdK7kJ7vx1664UZw=="
                    rel="nofollow">
                    <span>中国工商</span>
                </a>
                <a target="_blank" href="http://www.miibeian.gov.cn" rel="nofollow">
                    <span>沪ICP备08100043号-34</span>
                </a>
            </li>
            <li>
                <i class="hab"></i>
                <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602001526"
                    rel="nofollow">
                    <span>沪公网安备 31010602001526号</span>
                </a>
            </li>
        </ul>
        <div class="bottom_txt">
            <ul class="rules">
                <li>使用条款</li>
                <li>&nbsp;|&nbsp;Cookies政策&nbsp;|&nbsp;</li>
                <li>隐私政策</li>
            </ul>
            <p class="none-sm">浏览该网站表示您接受并同意我们使 用cookies为您提供个性化的浏览体验。点击<a target="_blank"
                    href="http://policy.lorealchina.com/cookiespolicy">Cookies政策</a>了解详情</p>
        </div>
    </footer>
    <script src="/libs/require/require.min.js" data-main="/js/shopping"></script>
    <script></script>
</body>

</html>